@layout("/common/_container.html",{js:["/assets/hx/storage/storagePositionCx/storagePositionCx.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">拣货位统计</span>
</div>
<style type="text/css">
    .layui-table-cell {
        height: auto;
        padding: 15px;
        /*border: 3px solid #bbe2d5;*/
    }
    .layui-table-page{
        display: none;
    }

    .container {
        display: flex;
        border: 1px solid black;
        width: 100%;
        height: 800px;
        overFlow-x:scroll;
        overFlow-y:scroll;
    }

    .areaBox {
        border: 2px solid black;
        display: flex;
        flex-direction: column;
        margin: 6px;
    }

    .positionBox {
        border: 2px solid black;
        width: 70px;
        height: 20px;
    }

</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form toolbar">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <select id="storehouseId">
                                                @for(item in basicWarehouseList!){
                                                <option value="${item.id}">${item.warehouseName}</option>
                                                @}
                                            </select>
                                        </div>
                                        <div class="layui-inline">
                                            <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
                                        </div>
                                    </div>
                                </div>
                                <div id="divContent" class="container">
                                    <div class="areaBox">
                                        <div class="positionBox">
                                            TJ0101
                                        </div>
                                        <div class="positionBox">
                                            TJ0102
                                        </div>
                                    </div>
                                    <div class="areaBox">
                                        <div class="positionBox">
                                            TJ0201
                                        </div>
                                        <div class="positionBox">
                                            TJ0202
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@}